<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>{$dev['site_name']}</title>
    <link rel="stylesheet" href="__ADMIN__/static/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="__ADMIN__/static/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="__ADMIN__/static/style/common.css"/>
    {block name="style"}{/block}
</head>

<body>
<div id="app">
    <!--
        作者：416716328@qq.com
        时间：2018-05-07
        描述：头部导航
    -->
    <header id="header">
        <div class="logo">
            <a href="">
            </a>
        </div>
        <ul class="layui-nav top-nav-left">
            <li class="layui-nav-item" id="shrink-nav">
                <a href="javascript:;" title="侧边伸缩">
                    <i class="layui-icon layui-icon-shrink-right"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="javascript:void(0);" target="_blank" title="前台">
                    <i class="layui-icon layui-icon-website"></i>
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" title="刷新">
                    <i class="layui-icon layui-icon-refresh-3"></i>
                </a>
            </li>
            <span class="layui-nav-bar" style="width: 0px; left: 0px; opacity: 0;"></span>
        </ul>
        <ul class="layui-nav top-nav-right">
            <li class="layui-nav-item" lay-unselect="" style="">
                <a lay-href="app/message/index.html" lay-text="消息中心">
                    <i class="layui-icon layui-icon-notice"></i>
                    <!-- 如果有新消息，则显示小圆点 -->
                    <span class="layui-badge-dot"></span>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="javascript:;" id="theme">
                    <i class="layui-icon layui-icon-theme"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="javascript:;" id="lock">
                    <i class="fa fa-lock fa-3x" aria-hidden="true" style="color: green;"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" style="">
                <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
            <span class="layui-nav-bar" style="left: 0px; top: 48px; width: 0px; opacity: 0;"></span>
        </ul>
        <span></span>
    </header>
    <!--
        作者：416716328@qq.com
        时间：2018-05-07
        描述：内容区域
    -->
    <section id="container">
        <!--
            作者：416716328@qq.com
            时间：2018-05-07
            描述：左侧菜单
        -->
        <nav id="left-nav">
            <div id="user-head">
                <a>
                    <img src="__ADMIN__/static/images/admin.jpg"/>
                </a>
                <p>Welcome {$user['name']}</p>
            </div>
            <ul class="layui-nav layui-nav-tree">
                {:widget('common/menus')}
            </ul>
        </nav>
        <div id="content">
            <div class="body">
                {block name="body"}
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md6">
                            <div style="background-color: #fff;">
                                <blockquote class="layui-elem-quote" style="background-color: #fff;">一周访客统计</blockquote>
                                <div id="main" style="width: 100%;height:175px;"></div>
                            </div>
                        </div>
                        <div class="layui-col-md6">
                            <div style="background-color: #fff;">
                                <blockquote class="layui-elem-quote" style="background-color: #fff;">系统版本信息</blockquote>
                                <table class="layui-table">
                                    <colgroup>
                                        <col width="100">
                                        <col>
                                    </colgroup>
                                    <tbody>
                                    <tr>
                                        <td>当前版本</td>
                                        <td>
                                            <script type="text/html" template="">
                                                v{{ layui.admin.v }}
                                                <a href="" target="_blank"
                                                   style="padding-left: 15px;">更新日志</a>
                                            </script>
                                            v1.0.0-beta
                                            <a href="" target="_blank"
                                               style="padding-left: 15px;">更新日志</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>基于框架</td>
                                        <td>
                                            layui-v2.2.6 ThinkPHP5.1.*
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>主要特色</td>
                                        <td>简单 / 实用 / 清爽 / 极简 / 可扩展</td>
                                    </tr>
                                    <tr>
                                        <td>获取渠道</td>
                                        <td style="padding-bottom: 0;">
                                            <div class="layui-btn-container">
                                                <a href="https://gitee.com/zhangandchao/Yes-Admin" target="_blank"
                                                   class="layui-btn layui-btn-warm">GitHub</a>
                                                <a href="https://gitee.com/zhangandchao/Yes-Admin" target="_blank"
                                                   class="layui-btn">Download</a>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md6">
                            <blockquote class="layui-elem-quote" style="background-color: #fff;">开发进度</blockquote>
                            <ul class="layui-timeline" style="background-color: #fff;">
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018-05-20</h3>
                                        <p>
                                            ①、后台权限的进一步完善
                                            <br/>②、系统的安装向导
                                            <br/>③、后台锁屏
                                        </p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018-05-08</h3>
                                        <p>
                                            ①、后台首页改进
                                            <br/>②、颜色主题改进
                                            <br/>③、后台锁屏
                                        </p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018-05-07</h3>
                                        <p>
                                            YesAdmin着手开发
                                            <br>①、后台页面基本布局
                                            <br>②、左侧菜单收缩处理
                                        </p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">出发</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-col-md6">
                            <blockquote class="layui-elem-quote" style="background-color: #fff;">系统参数</blockquote>
                            <table class="layui-table">
                                <tr>
                                    <th width="25%">存储配额限制</th>
                                    <th width="25%">配额已使用</th>
                                    <th width="25%">配额续费日期</th>
                                    <th>域名到期日期</th>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td class="skin">
                                        <a href="{url('Tool/getSiteSize')}" class="javascript link" rel="get_site_size">『计算』
                                            <span id="showSiteSize" class="layui-badge layui-bg-orange">0KB</span></a>
                                    </td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>操作系统</th>
                                    <th>服务器环境</th>
                                    <th>服务器IP</th>
                                    <th>上传最大限制</th>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>

                                <tr>
                                    <th>PDO支持</th>
                                    <th>CURL支持</th>
                                    <th>MBstring支持</th>
                                    <th>脚本超时时间</th>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>版本</th>
                                    <th>ThinkPHP版本</th>
                                    <th>PHP版本</th>
                                    <th>MYSQL版本</th>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>

                            </table>
                        </div>
                    </div>
                {/block}
            </div>
            <!--
                作者：416716328@qq.com
                时间：2018-05-07
                描述：底部版权部分
            -->
            <footer id="footer">
                <p>CopyRight © {$dev['site_name']} 版权所有 2018 - 2019</p>
            </footer>
        </div>
    </section>
</div>
<!--锁屏样式-->
<div class="lock-screen">
    <canvas id="Snow" width="100%" height="100%"></canvas>
    <div class="get-lock-block">
        <div class="lock-head">
            <img src="__ADMIN__/static/images/head.jpg" width="120" height="120"/>
        </div>
        <div class="input-div">
            <input type="password" class="layui-input" placeholder="请输入解锁密码"/>
        </div>
        <div class="lock-btn">
            <button class="layui-btn layui-btn-normal" id="get-lock">立即解锁</button>
        </div>
        <p style="font-size: 12px;text-align: center;margin-top: 10px;">CopyRight © {$dev['site_name']} 版权所有</p>
    </div>
</div>
<script type="text/javascript" src="__ADMIN__/static/layui/layui.js"></script>
<script type="text/javascript" src="__ADMIN__/static/js/xue.js"></script>
<script type="application/javascript">
    layui.config({
        base: '__ADMIN__/modules/'
    }).use(['element', 'home','jquery'], function () {
        var element = layui.element,
            $ = layui.jquery,
            home = layui.home;
            home.top_nav();
            home.shrink();
            home.shrink_nav();
            home.skin("{:url('Common/skin')}");
            home.lock("{$user['password']}","{:url('Common/get_lock')}");
        //处理导航选中
        $("#left-nav ul li").find("dl dd.layui-nav-itemed").parents("li").addClass("layui-nav-itemed");
    });
</script>

{block name="script"}
<script type="text/javascript" src="__ADMIN__/static/js/echarts.min.js"></script>
<script type="text/javascript">
    layui.config({
        base: '__ADMIN__/modules/'
    }).use(['element', 'home'], function () {
        var element = layui.element,
            home = layui.home;
            home.data_count();
    });
</script>
{/block}
</body>

</html>